<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="四川大学飞扬俱乐部官方网站">
  <meta name="author" content="">

  <title>四川大学飞扬俱乐部 | 官方网站</title>

  <link rel="shortcut icon" href="assets/images/ico/favicon.ico">
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/ico/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/ico/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/ico/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="assets/images/ico/apple-touch-icon-57-precomposed.png">

  <link href="assets/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/css/font-awesome.min.css" rel="stylesheet">
  <link href="assets/css/main.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <script src="assets/js/html5shiv.js"></script>
  <script src="assets/js/respond.min.js"></script>
  <![endif]-->
</head>

<body>

<!-- header -->
<header class="navbar navbar-inverse navbar-fixed-top wet-asphalt" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html"><img src="assets/images/brand.png" alt="logo"></a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="active">
          <a href="index.html">首页</a>
        </li>

        <li>
          <a href="http://log.fyscu.com/" target="_blank">博客</a>
        </li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">服务 <i class="fa fa-chevron-down"></i></a>
          <ul class="dropdown-menu">
            <li>
              <a href="http://r.fyscu.com" target="_blank">电脑报修</a>
            </li>
            <li>
              <a href="http://gpa.fyscu.com" target="_blank">绩点计算</a>
            </li>
            <li>
              <a href="http://mag.fyscu.com" target="_blank">i飞扬电子杂志</a>
            </li>
            <li>
              <a href="http://bbs.fyscu.com" target="_blank">飞扬论坛</a>
            </li>
          </ul>
        </li>

        <li>
          <a target="_blank" href="http://log.fyscu.com/index.php/3.html">关于我们</a>
        </li>
        <li>
          <a target="_blank" href="http://log.fyscu.com/index.php/12.html">联系我们</a>
        </li>
        <li>
          <a href="http://weibo.com/u/2386767780" target="_blank" title="四川大学飞扬俱乐部新浪微博">
            <i class="fa fa-weibo fa-1x"></i>
          </a>
        </li>
        <li>
          <a id="weixin" href="javascript:void(0)" onmouseover="showEWM()" onmouseout="hideEWM()" title="四川大学飞扬俱乐部">
            <i class="fa fa-wechat"></i>
            <div id="EWM">
              <img src="assets/images/weixin_code2.jpg"/>
            </div>
          </a>
        </li>
        <li>
          <a href="http://page.renren.com/600452773" target="_blank" title="四川大学飞扬俱乐部人人网公共主页">
            <i class="fa fa-renren"></i>
          </a>
        </li>
      </ul>
    </div>
  </div>
</header>

<!-- main slider -->
<section id="main-slider" class="no-margin slider-font">
  <div class="carousel slide wet-asphalt">
    <ol class="carousel-indicators">
      <li data-target="#main-slider" data-slide-to="0" class="active"></li>
      <li data-target="#main-slider" data-slide-to="1"></li>
    </ol>

    <div class="carousel-inner">
      <div class="item active" style="background-color:#00ba9d; background:url('assets/images/bg1.jpg')">
        <div class="container">
          <div class="row">
            <div class="col-sm-12">
              <div class="carousel-content centered">
                <div style='padding-left:50px'>
                  <h2>
                    <span id="yf2015-name">Hello</span>
                    <span id="yf2015-title">我们可以为你做点什么？</span>
                  </h2>
                  <h3>
                    <span id="yf2015-tags">十年飞扬·服务川大</span>
                  </h3>
                  <h4 class="yf2015-time"></h4>
                  <a href="http://r.fyscu.com">
                    <button class="ghost-button-semi-transparent">点击进入一键报修</button>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item" style="background-color:#75c88d; background:url('assets/images/bg2.jpg')">
        <div class="container">
          <div class="row">
            <div class="col-sm-12">
              <div class="carousel-content center centered">
                <p class="big-font" >What Can We Do For You?</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <a class="prev hidden-xs" href="#main-slider" data-slide="prev">
    <i class="fa fa-chevron-left"></i>
  </a>
  <a class="next hidden-xs" href="#main-slider" data-slide="next">
    <i class="fa fa-chevron-right"></i>
  </a>
</section>

<section id="services" class="emerald">
  <div class="container">
    <div class="row">

      <div class="col-md-4 col-sm-6">
        <div class="media">
          <a href="http://r.fyscu.com" target="_blank">
            <div class="pull-left">
              <i class="fa fa-laptop icon-md"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading">电脑报修</h3>
              <p>电脑报修是飞扬俱乐部提供的免费公益电脑维修服务。</p>
            </div>
          </a>
        </div>
      </div>

      <div class="col-md-4 col-sm-6">
        <div class="media">
          <a href="http://gpa.fyscu.com" target="_blank">
            <div class="pull-left">
              <i class="fa fa-bar-chart-o icon-md"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading">绩点在线计算</h3>
              <p>在线一键计算四川大学本科生的加权绩点/平均分。</p>
            </div>
          </a>
        </div>
      </div>

      <div class="col-md-4 col-sm-6">
        <div class="media">
          <a href="http://mag.fyscu.com" target="_blank">
            <div class="pull-left">
              <i class="fa fa-book icon-md"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading">I飞扬电子杂志</h3>
              <p>由飞扬网媒部主编的校园电子期刊(月刊)。</p>
            </div>
          </a>
        </div>
      </div>

      <div class="col-md-4 col-sm-6">
        <div class="media">
          <a href="http://bbs.fyscu.com/" target="_blank">
            <div class="pull-left">
              <i class="fa fa-bookmark icon-md"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading">飞扬论坛</h3>
              <p>飞扬俱乐部2008-2014年主站。现将全部文章资源迁移至此博客。</p>
            </div>
          </a>
        </div>
      </div>

      <div class="col-md-4 col-sm-6">
        <div class="media">
          <a href="http://lab.fyscu.com" target="_blank">
            <div class="pull-left">
              <i class="fa fa-circle-o-notch icon-md"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading">飞扬研发实验室</h3>
              <p>研发实验室是飞扬俱乐部研发部做的一些实验性产品。</p>
            </div>
          </a>
        </div>
      </div>

      <div class="col-md-4 col-sm-6">
        <div class="media">
          <a href="http://log.fyscu.com" target="_blank">
            <div class="pull-left">
              <i class="fa fa-paperclip icon-md"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading">术业有专攻</h3>
              <p>这里是飞扬俱乐部写东西的地方。</p>
            </div>
          </a>
        </div>
      </div>

      <div class="col-md-4 col-sm-6">
        <div class="media">
          <a href="http://open.fyscu.com" target="_blank">
            <div class="pull-left">
              <i class="fa fa-code icon-md"></i>
            </div>
            <div class="media-body">
              <h3 class="media-heading">开放平台</h3>
              <p>飞扬俱乐部开放的一些API会在这里看到。</p>
            </div>
          </a>
        </div>
      </div>

    </div>
  </div>
</section>

<footer id="footer" class="midnight-blue">
  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        &copy; 2014 <a target="_blank" href="http://fyscu.com/" title="四川大学飞扬俱乐部">四川大学飞扬俱乐部</a>. All Rights Reserved.
      </div>
      <div class="col-sm-6">
        <ul class="pull-right">
          <li><a href="http://fyscu.com">首页</a></li>
          <li><a target="_blank" href="http://log.fyscu.com/index.php/3.html">关于我们</a></li>
          <li><a target="_blank" href="http://log.fyscu.com/index.php/12.html">联系我们</a></li>
          <li><a id="gototop" class="gototop" href="#"><i class="fa fa-chevron-up"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</footer>

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>